  ;(function(){
      // 思路：
    //获取纬度、经度、城市编号

    // 1 封装location.js 
    // 2 里面获取h5存储的  纬度、或经度
    lat=localStorage.getItem('lat');
    lng=localStorage.getItem('lng');
    // 3 判断有-不管
    // 4 没有-直接执行下述代码
    if(!lat || !lng){
        //    代码指腾讯获取经度纬度的语法
        const geolocation = new qq.maps.Geolocation(
            "J2VBZ-JD6CR-GWSWW-W52NP-WHEG5-VIFK3",
            "waimai"
        );
    
        geolocation.getLocation(
            res => {
                console.log(res); // 纬度、经度、城市名等等等
                let {lat, lng,city} = res
                // $('.rs').text(`${lat},${lng}`)
                // console.log(`${lat},${lng}`)

                //    4.1 纬度、或经度 直接h5存
                localStorage.setItem('lat',lat);
                localStorage.setItem('lng',lng);

                //    4.2 城市请求接口【根据地区名返回编号】 因为后期要根据城市编号去查对应商品
                $.get('/api/area/find.jsp',{city_name:city},res=>{
                    console.log(res);
                    //    有-存 city_name、city_id 
                    //    没有-就不存   不存其他地方会处理 你别管
                    // 根据city请求接口获取城市编号
                    if(res.meta.state===200){
                        localStorage.setItem('city_name',res.data.area_name);
                        localStorage.setItem('city_id',res.data.area_id);
                        // localStorage.setItem('city_isfind','yes');
                    }
                    
                },'json')
                
            },
            err => {
                // console.error(err);
            }
        );
        
        // 5 公共头部引入该js文件即可

        // 这样用户每次刷新或者打开新网页 只要没有定位到
        // 因为h5没存储就可以重新获取
    }

    //头部显示
    city_name=localStorage.getItem('city_name');
    city_id=localStorage.getItem('city_id');
    $('.choose-city').text(city_name);
    
  })()